<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/reply.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/js/bootstrap/css/bootstrap.css" type="text/css"/>
    <link href="/styles/replyDetail.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/js/system/travelfilter.js"></script>
    <script type="text/javascript" src="/js/bootstrap/js/bootstrap.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>
    <script>

        //        $(function () {
        //            var scenicId = $("#scenicinfo").data("scenicid");//景点id
        //            var currentPage = 2; //当前页,查询使用
        //            var pages = $("#scenicinfo").data("pages");//总页数
        //            var loading = false; //标记是否加载中(解决重复发送问题)
        //
        //            function query() {
        //                if (loading) { //代表正在查询中
        //                    return; //结束方法
        //                }
        //
        //                loading = true; //设置为加载中
        //                $.get("/photo/photos", {currentPage: currentPage, scenicId: scenicId}, function (data) {
        //                    //添加小儿子
        //                    $("#photoList").append(data);
        //                    currentPage++;//页码加一
        //                    loading = false; //标记已经加载完毕
        //                })
        //            }
        //
        //            // query();//默认调用一次(查第一页的数据)
        //
        //
        //            //监听文档的滚动事件
        //            $(document).scroll(function () {
        //                //判断是否已经滚动到底部
        //                if ($(document).scrollTop() + $(window).height() >= ($(document).height()) * 0.65) {
        //                    // 判断是否超过总页数
        //                    if (currentPage <= pages) { //解决超过页数查询问题
        //                        query();
        //                    } else {
        //                        return;
        //                    }
        //                }
        //            })
        //
        //        })
    </script>

</head>

<body>
<#assign currentNav="destination">
<#include "../common/navbar.ftl">

<div class="container">
    <div class="row row-placeTop" data-cs-p="面包屑">
        <div class="wrapper">
            <link href="http://css.mafengwo.net/css/cv/css+mdd+place-crumb:css+mdd+place-navbar^Z1U^1559788120.css"
                  rel="stylesheet" type="text/css">
            <script language="javascript" src="http://js.mafengwo.net/js/hotel/sign/index.js?1552035728"
                    type="text/javascript" crossorigin="anonymous"></script>
            <link href="http://css.mafengwo.net/css/mdd/place-crumb.css?1530619858" rel="stylesheet" type="text/css">

            <#--面包屑-->
            <#include "../common/toastPhotoDetail.ftl"/>
            <script language="JavaScript" type="text/javascript">
                $(function () {
                    //面包屑
                    $('.drop').mouseenter(function (ev) {
                        var target = $(ev.currentTarget);
                        clearTimeout(target.data('hideTimer'));
                        target.addClass('open');
                        target.children('bd').fadeIn(200);
                    });
                    $('.drop').mouseleave(function (ev) {
                        var target = $(ev.currentTarget);
                        target.data("hideTimer", setTimeout(function () {
                            target.removeClass('open');
                            target.children('bd').fadeOut(200);
                        }, 200));
                    });
                });
            </script>
            <br/>
            <div style="height: 60px;">
                <div class="r-nav" id="poi-navbar" data-cs-p="快捷导航">
                    <ul class="clearfix">
                        <li class="navbar-left">
                            <span>
                                <h3 style="color: black" id="scenicinfo"
                                    data-scenicid="${(entity.scenic.id)!}">${(entity.scenic.name)!}图片</h3></span>
                        </li>
                        <li data-scroll="comment" class="nav-right">
                            <a class="btn-reviews" title="查看详情"
                               href="/scenic/detail?id=${(entity.scenic.id)!}">查看景点详情</a>
                        </li>
                    </ul>
                </div>
            </div>

            <hr>
            <div class="row" id="photoList">
                <div class="col-md-9" style="height: 473px">
                    <span style="height:473px;width:100%;">
                        <img width="698" height="473"
                             src="${(entity.url)!}" class="a-pic">
                        <div class="a-mask"></div>
                    </span>
                    <a class="a-like " data-poiid="443" data-id="377908016" title="点赞"></a>
                </div>

                <div class="col-md-3" style="height: 473px">
                    <span style="height:70px;width:30%;">
                        <img width="103" height="70"
                             src="${(entity.url)!}" class="a-pic">
                        <div class="a-mask"></div>
                    </span>
                    <a class="a-like " data-poiid="443" data-id="377908016" title="点赞"></a>
                </div>
            </div>
        </div>
    </div>

</div>
<#include "../common/footer.ftl"/>
<div class="mfw-toolbar" id="_j_mfwtoolbar" style="display: block;">
    <div class="toolbar-item-top" style="display: none;">
        <a role="button" class="btn _j_gotop">
            <i class="icon_top"></i>
            <em>返回顶部</em>
        </a>
    </div>
    <div class="toolbar-item-feedback">
        <a role="button" data-japp="feedback" class="btn">
            <i class="icon_feedback"></i>
            <em>意见反馈</em>
        </a>
    </div>
    <div class="toolbar-item-code">
        <a role="button" class="btn">
            <i class="icon_code"></i>
        </a>
        <a role="button" class="mfw-code _j_code">


            <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                 width="450" height="192">
        </a>
        <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
    </div>

</div>
</body>

</html>